<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<meta name="misapplication-tap-highlight" content="no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title></title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<style>
			.btns{
				padding: 10px;
				margin: 0px auto;
				width: 70%;
				margin-top: 20px;
				background: #00D5C5;
				border: none;
				border-radius: 10px;
			}
		
			.mui-input-row label{
				background: white;
				width: 30%;
			}
			.mui-input-row .inputs{
				width:70%;
				border-bottom: 1px solid #a3a3a3;
			}
			body,.mui-content{
				background: white;
				margin: 5px;
			}
			
			.head-container{
				width: 40px;
				height: 40px;
				overflow: hidden;
				border-radius: 50%;			
			}
			.mui-radio.mui-input-row label{
				width: 100%;
				background-color: #CCCCCC;
				border-radius: 5px;
			}
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
				padding-top: 15px;			
			}
			
		</style>
	</head>
	<body>		
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">余额提现</h1>
		</header>
		<div class="mui-content">
			
			<div style="width: 100%;margin-top: 20px;border: 1px solid #00d5c5;padding: 5px;border-radius: 10px;">
		        
				<div style="margin-left: 10px;">请选择提现账号 :</div>
				
				
				<div class="mui-input-row mui-radio mui-left" >
					<label>
						<div style="width: 100%;height: 40px;">
							<div style="line-height: 40px;float: left;">
								支付宝账号
							</div>
							
							<div class="flex v-center" style="float: right;">
								<div class="head-container">					
									<img id="img_head" src="../img/bg-01.png" class="fill-h fill-w" />
								</div>
								<span>老王</span>
							</div>
						</div>
					</label>
					
					<input name="radio1" type="radio" value="1" checked>
				</div>
				<div class="mui-input-row mui-radio mui-left">
					<label>
						<div style="width: 100%;height: 50px;">
							<div style="line-height: 50px;float: left;">
								微信账号
							</div>
							
							<div class="flex v-center" style="float: right;">
								<div class="head-container">					
									<img id="img_head" src="../img/bg-01.png" class="fill-h fill-w" />
								</div>
								<span>老王</span>
							</div>
						</div>
					</label>
					<input name="radio1" type="radio" value="2" >
				</div>	
																    	
		    </div>
			
			
		    <div class="mui-input-row" style="margin-top: 20px;">
		        <label>金额</label>
		        <input type="text" class="inputs" placeholder="提现金额">
		    </div>
		    <div style="margin-left: 15px;margin-top: 20px;">
		    	余额<span style="color: #FCC601;font-weight: bold;">100</span>元，
		    	<span style="color: #2cc7fd;font-weight: bold;">全部提现</span>
		    </div>
		    <button onclick="onWithdraw()" type="button" class="mui-btn mui-btn-blue mui-btn-block btns">提现</button>
		</div>
		<script type="text/javascript" src="../js/mui.min.js" ></script>
		<script src="../js/local-keys.js"></script>
		<script src="../js/utils.js"></script>
		
		<script>
			mui.init();
			
			window.onload = function(){
				printLog("进来了1");
				//初始化页面的请求
			//	post(url,{
					//参数
				//},function(data){
					//返回成功
					if(true){
															
					}
					
				//})																
			}
			
			//提现
			function onWithdraw(){
				var value = document.querySelector('[name="radio1"]:checked').value;
			    printLog(value);
			    if(value == 1){//账号一
			    	
			    }else if(value == 2){//账号二
			    	
			    	
			    }
			}
			
			
		</script>
	</body>
</html>